<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>店铺-商品列表</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/title.css" />
		
		<style>
			.mui-content{margin:0px 0px;}
			.mui-card .mui-table-view .mui-table-view-cell{background-color:#333;}
			.mui-table-view-cell:after{height:0;}
			.mui-table-view-cell{margin-bottom:10px;}
			.mui-card .mui-table-view{background-color:#1a1a1a;}
			.mui-card .mui-table-view a{color:#f0f0f0;}
			.mui-card .mui-table-view a.mui-active{background:#444;}
			.home_top{
				height: 70px;
				background: -webkit-linear-gradient(top,#fbed21,#fab538);
			}
			.home_top .mui-title{
				position: absolute;
				top: 10px;
			}
			.mui-bar-nav~.mui-content{
				padding-top: 70px;
			}
			.home_top .mui-title span{
				width: 75%;
				height: 35px;
				background: black;
				color: rgb(250,175,58);
				line-height: 35px;
			}
			.home_top a.mui-action-back{
				color: black;
			}
			.mui-table-view-chevron .mui-table-view-cell{
				width:48%;
				float: left;
				margin: 3px;
				padding: 18px 18px 0px 18px;
			}
			.commodity_img{
				width: 100%;
				height: 190px;
			}
			.commodity_img img{
				width: 100%;
				height: 190px;
			}
			.mui-table-view-cell>a:not(.mui-btn){
				padding: 0px;
			}
			.commodity_main{
				background: white;
			}
			.commodity_main p{
				padding-left: 10px;
				line-height: 30px;
				color: black;
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
			}
			.commodity_main h5{
				color: rgb(240,90,35);
				font-size: 20px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.mui-table-view-cell>a:not(.mui-btn).mui-active{
				background: none;
			}
		</style>
	</head>

	<body>
		
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span id="store_name"><!--店铺名称--></span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header> 
		
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<!--数据列表-->
				<!--
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell">
						<a>
							<div class="commodity_img"><img src="../../img/shop.png"></div>
							<div class="commodity_main">
								<p>苹果iphone7 全网通4G手机</p>
								<h5>5692</h5>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a>
							<div class="commodity_img"><img src="../../img/shop.png"></div>
							<div class="commodity_main">
								<p>苹果iphone7 全网通4G手机</p>
								<h5>5692</h5>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a>
							<div class="commodity_img"><img src="../../img/shop.png"></div>
							<div class="commodity_main">
								<p>苹果iphone7 全网通4G手机</p>
								<h5>5692</h5>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a>
							<div class="commodity_img"><img src="../../img/shop.png"></div>
							<div class="commodity_main">
								<p>苹果iphone7 全网通4G手机</p>
								<h5>5692</h5>
							</div>
						</a>
					</li>
				</ul>
				
				-->
			</div>
		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../js/mui.pullToRefresh.js"></script>
		<script src="../../js/mui.pullToRefresh.material.js"></script>
		<script src="../../js/jquery-1.7.2.min.js"></script>
		<script src="../../resource/store/commodity.js"></script>
		<script src="../../lang/shop.js"></script>
		
	</body>

</html>